<extend name="zh_cn:Public:base" />
<block name="title">
    <title>美住 - 商家自收</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=65393a524028c7e3b76e961a08059c7d">
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/jslib/bootstrap-daterangepicker/daterangepicker.css" />
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/HotelPage/reconciliation.css?rev=fda3119c4ae662c9f47c968804726673">
</block>
<block name="document">
    <div id="doc" class="container-above-md" data-today="{:date('Y-m-d')}">
        <include file="zh_cn:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="zh_cn:Public:Include_booking_tab" doc-side-reconciliation="active" />
            <div id="doc-center">
                <div class="content-panel">
                    <div class="content-panel-header" id="filterHeaderTabContainer">
                        <include file="zh_cn:Public:Include_reconciliation_tab" booking-tab-mine="btn-primary" />
                    </div>
                </div>
                <div id="filterHeader" class="typo-text-black-deep">
                    <div class="border-box" id="datePickerContainer">
                        <div id="datePicker"><span class="iconfont icon-calendar"></span>&nbsp;<span class="start">{:date('Y-m-d')}</span>&nbsp;~&nbsp;<span class="end">{:date('Y-m-d')}</span></div>
                        <input id="datePickerInput" value="" />
                    </div>
                    <div class="border-box">
                        <div class="row">
                            <input id="filterMobile" class="form-control" type="text" autocomplete="off" placeholder="手机号" maxlength="11" value="" />
                        </div>
                    </div>
                    <div class="btn-sm btn-accent btn-raised" id="filterSearch">查询</div>
                </div>
                <div class="content-panel" id="filterResult">
                    <include file="zh_cn:Public:Include_content_loading" loading-container-id="loading" />
                    <div class="content-panel-body">
                        <table class="table content-panel-table vertical-margin">
                            <thead>
                                <tr>
                                    <th>订单号</th>
                                    <th>预订人</th>
                                    <th>交易金额</th>
                                    <th>退款金额</th>
                                    <th>平台订单号</th>
                                    <th>支付方式</th>
                                    <th>支付时间</th>
                                    <th>记录时间</th>
                                </tr>
                            </thead>
                            <tbody id="orderListBody">
                            </tbody>
                        </table>
                        <div id="orderListBodyEmpty" class="typo-text-black-light typo-subhead">没有找到符合该条件的收款信息</div>
                    </div>
                    <div id="orderListPage" class="content-panel-footer hidden">
                        <div class="pull-right">
                            <ul class="pagination pagination-sm"></ul>
                        </div>
                        <div class="pull-right content-panel-pagination-info">
                            共有&nbsp;<span class="text-accent page-total"></span>&nbsp;条记录，总页数：&nbsp;<span class="text-accent page-count"></span>
                        </div>
                    </div>
                </div>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <!--js要用到的模板-->
    <script type="text/html" id="templatePage">
        <li>
            <a href="javascript:void(0);"></a>
        </li>
    </script>
    <script type="text/html" id="templateOrder">
        <tr>
            <td class="col-xs-1">
                <div class="order-number"></div>
            </td>
            <td class="col-xs-1">
                <div class="order-user-info help-text" data-container="body" data-html="true" data-toggle="tooltip" data-placement="bottom"></div>
            </td>
            <td class="col-xs-1">
                <div class="order-total"></div>
            </td>
            <td class="col-xs-1">
                <div class="order-deposit"></div>
            </td>
            <td class="col-xs-2">
                <div class="order-out-number"></div>
            </td>
            <td class="col-xs-2">
                <div class="order-channel"></div>
            </td>
            <td class="col-xs-2">
                <div class="order-paied-time"></div>
            </td>
            <td class="col-xs-2">
                <div class="order-create-time"></div>
            </td>
        </tr>
    </script>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=b0ccaee5f3f00af011a31069395d22ed"></script>
    <script type="text/javascript" src="/Public/jslib/moment.js/2.9.0/moment.min.js"></script>
    <script type="text/javascript" src="/Public/jslib/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="/Public/dist/Home/HotelPage/notebook.js?rev=a98bb3f9c73107864c783f2ffd85cc4d"></script>
</block>
